<!DOCTYPE html>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">

    <!-- Mobile Specific 
    ========================================================================= -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" />

    <!-- Title Tag
    ========================================================================= -->
    <title>Hotec Hotel & Resort Template</title>

    <!-- Browser Specical Files
    ========================================================================= -->
    <!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    
    <!-- Site Favicon
    ========================================================================= -->
    <link rel="shortcut icon" href="#" title="Favicon" />

    <!-- WP HEAD
    ========================================================================= -->
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,900,700,500,300' rel='stylesheet' type='text/css'>    
    <link rel="stylesheet" href="assets/css/layerslider.css">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="assets/css/flexslider.css">
    <link rel="stylesheet" href="assets/css/responsive.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/prettyPhoto.css">
    <link rel="stylesheet" href="assets/css/woocommerce-modify.css">
    <link rel="stylesheet" href="assets/css/skins/brown.css">

    <!-- Browser Specical File-->
    <!--[if IE 8]><link href="assets/css/ie8.css" rel="stylesheet" type="text/css" /><![endif]-->
    
    <!-- JavaScript -->
    <script src="assets/js/jquery-1.9.1.min.js"></script>
    <script src="assets/js/jquery.modernizr.js"></script>

</head>
<body>

<div class="body-outer-wrapper">
    <div id="body-wrapper" class="body-wrapper full-width-mode">
        
        <header id="header" class="header-container-wrapper">

            <div class="top-bar-outer-wrapper">
                <div class="top-bar-wrapper container">
                    <div class="row">
                        <div class="top-bar-left left">
                            <nav id="top-nav-id" class="top-nav slideMenu">
                                <ul>
                                    <li><a href="page-gallery.html">Photo Galleries</a></li>
                                    <li><a href="page-about-fullwidth.html">About Us</a></li>
                                    <li><a href="page-contact.html">Contact Us</a></li>
                                    <li><a href="#"><img class="iclflag" src="assets/images/flags/uk_.png" alt=""> English</a>
                                        <ul>
                                            <li><a href="#"><img class="iclflag" src="assets/images/flags/fr.png" alt=""> French</a></li>
                                            <li><a href="#"><img class="iclflag" src="assets/images/flags/de.png" alt=""> German</a></li>
                                            <li><a href="#"><img class="iclflag" src="assets/images/flags/vi.png" alt=""> Vietnamese</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="top-bar-right right">
                            <ul class="top-bar-contact">
                                <li class="top-bar-address">36 Wall Street, USA, <a href="page-contact.html">View on Map</a></li>
                                <li class="top-bar-phone">Call Us: <span>1-500-456-9875</span></li>
                                <!-- <li class="top-bar-mail"><a href="#">Reservation@hotec.com</a></li> -->
                            </ul>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div><!-- END .top-bar-wrapper -->
            </div> <!-- END .top-bar-outer-wrapper -->
            <div class="header-outer-wrapper">
                <div class="header-wrapper container">
                    <div class="row">
                        <div class="twelve columns b0">
                            <div class="header-left left">
                                <div class="logo-wrapper">
                                    <h1><a href="index.html"><img src="assets/images/logo.png" alt="Hotec Hotel Template"></a></h1>
                                </div>
                            </div>
                            <div class="header-right right">
                                <a href="#" id="primary-nav-mobile-a" class="primary-nav-close">
                                    <span></span>
                                    Main Navigation
                                </a>
                                <nav id="primary-nav-mobile"></nav>
                                <a href="page-reservation.html" class="btn btn_cyan"><i class="date_icon"></i> Reservation</a>
                                <nav id="primary-nav-id" class="primary-nav slideMenu">
                                    <ul>
                                        <li class="current-menu-item"><a href="javascript:void(0)">Home</a>
                                            <ul>
                                                <li><a href="index.html">LayerSlider - Default</a></li>
                                                <li><a href="index-flexslider.html">Flexslider</a></li>
                                                <li><a href="index-spa.html">Beauty Spa Demo</a></li>
                                                <li><a href="index-resort.html">Ski Resort Demo</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="javascript:void(0)">Rooms</a>
                                            <ul>
                                                <li><a href="page-rooms-2col.html">Rooms 2 Columns</a></li>
                                                <li><a href="page-rooms.html">Rooms 3 Columns</a></li>
                                                <li><a href="javascript:void(0)">Room Types</a>
                                                    <ul>
                                                        <li><a href="page-rooms.html#filter=.rooms">Double Rooms</a></li>
                                                        <li><a href="page-rooms.html#filter=.suites">Suites Rooms</a></li>
                                                        <li><a href="page-rooms.html#filter=.club">Club Rooms</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="single-room.html">Single Room</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="javascript:void(0)">Events</a>
                                            <ul>
                                                <li><a href="page-event-list.html">Events Lists</a></li>
                                                <li><a href="single-event.html">Single Event</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="javascript:void(0)">Pages</a>
                                            <ul>
                                                <li><a href="page-shortcodes.html">Shortcodes - Elements</a></li>
                                                <li><a href="javascript:void(0)">Page Layouts</a>
                                                    <ul>
                                                        <li><a href="page-about-fullwidth.html">Page Full Width</a></li>
                                                        <li><a href="page-contact-2.html">No Titlebar BG</a></li>
                                                        <li><a href="page-reservation.html">No Titlebar Title</a></li>
                                                        <li><a href="page-news.html">Sidebar on Right</a></li>
                                                        <li><a href="single-news-ls.html">Sidebar on Left</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Portfolio</a>
                                                    <ul>
                                                        <li><a href="page-portfolio-2col.html">Portfolio 2 Columns</a></li>
                                                        <li><a href="page-portfolio-3col.html">Portfolio 3 Columns</a></li>
                                                        <li><a href="single-portfolio.html">Portfolio Single</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Gallery</a>
                                                    <ul>
                                                        <li><a href="page-gallery-2col.html">Gallery 2 Columns</a></li>
                                                        <li><a href="page-gallery.html">Gallery 3 Columns</a></li>
                                                    </ul>
                                                </li>
                                                 <li><a href="javascript:void(0)">Gallery Types</a>
                                                    <ul>
                                                        <li><a href="page-gallery.html#filter=.hotel">Hotel</a></li>
                                                        <li><a href="page-gallery.html#filter=.rooms">Rooms & Suites</a></li>
                                                        <li><a href="page-gallery.html#filter=.dining">Dining</a></li>
                                                        <li><a href="page-gallery.html#filter=.wellness">Spa & Wellness</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Contact Layouts</a>
                                                    <ul>
                                                        <li><a href="page-contact.html">Contact Layout 1</a></li>
                                                        <li><a href="page-contact-2.html">Contact 2 - No Titlebar</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="page-contact.html">Location</a></li>
                                                <li><a href="page-404.html">404 Page</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="javascript:void(0)">News & Promos</a>
                                            <ul>
                                                <li><a href="page-news.html">News - Right Sidebar</a></li>
                                                <li><a href="page-news-ls.html">News - Left Sidebar</a></li>
                                                <li><a href="single-news.html">News & Promos Single</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="javascript:void(0)">Our Shop</a>
                                            <ul>
                                                <li><a href="page-shop.html">Shop</a></li>
                                                <li><a href="single-product.html">Single Product</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </nav>
                                <div class="clear"></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div><!-- END .header-wrapper -->
            </div><!-- END .header-outer-wrapper -->
        </header> <!-- END .header-container-wrapper -->

        <div class="titlebar-outer-wrapper" style="background:url('http://placehold.it/2000x207/37B6BD') no-repeat top center;">
            <div class="container">
                <!-- <div class="row">
                    <div class="twelve columns b0">
                        <div class="titlebar-title">
                            <h1>Culture, charm and heritage</h1>
                            <div class="titlebar-decs">We offer a luxurious base from which to explore the city. </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div> -->
            </div>
            <div class="shadow-box"></div>
        </div>

        <div class="main-outer-wrapper has-titlebar">
            <div class="main-wrapper container">
                <div class="row row-wrapper">
                    <div class="page-outer-wrapper">
                        <div class="page-wrapper twelve columns no-sidebar b0">
                            
                            <div class="row">
                                <div class="twelve columns b0">
                                    <div class="page-title-wrapper">
                                        <h1 class="page-title left">List of shortcodes</h1>
                                        <div class="page-title-alt right"></div>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="content-wrapper twelve columns">
                                    
                                    <div class="row">
                                        <div class="three columns">
                                            <h3>Three Columns</h3>
                                            Laculis diam eu tortor euismodolo. Vestib ulum antipsum primis inicibu orci luctus edloret ultrices et posuere cubil sed odiocinialor it matis ed.Eu tortor euismodolo.
                                        </div>
                                        <div class="three columns">
                                            <h3>Three Columns</h3>
                                            Laculis diam eu tortor euismodolo. Vestib ulum antipsum primis inicibu orci luctus edloret ultrices et posuere cubil sed odiocinialor it matis ed.Eu tortor euismodolo.
                                        </div>
                                        <div class="three columns">
                                            <h3>Three Columns</h3>
                                            Laculis diam eu tortor euismodolo. Vestib ulum antipsum primis inicibu orci luctus edloret ultrices et posuere cubil sed odiocinialor it matis ed.Eu tortor euismodolo.
                                        </div>
                                        <div class="three columns">
                                            <h3>Three Columns</h3>
                                            Laculis diam eu tortor euismodolo. Vestib ulum antipsum primis inicibu orci luctus edloret ultrices et posuere cubil sed odiocinialor it matis ed.Eu tortor euismodolo.
                                        </div>
                                        <div class="clear"></div>
                                    </div>

                                    <div class="row">
                                        <div class="twelve columns">
                                            <div class="divider"></div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="four columns">
                                            <h3>Four Columns</h3>
                                            Laculis diam eu tortor euismodolo. Vestib ulum antipsum primis inicibu orci luctus edloret ultrices et posuere cubil sed odiocinialor it matis ed.Eu tortor euismodolo.
                                        </div>
                                        <div class="four columns">
                                            <h3>Four Columns</h3>
                                            Laculis diam eu tortor euismodolo. Vestib ulum antipsum primis inicibu orci luctus edloret ultrices et posuere cubil sed odiocinialor it matis ed.Eu tortor euismodolo.
                                        </div>
                                        <div class="four columns">
                                            <h3>Four Columns</h3>
                                            Laculis diam eu tortor euismodolo. Vestib ulum antipsum primis inicibu orci luctus edloret ultrices et posuere cubil sed odiocinialor it matis ed.Eu tortor euismodolo.
                                        </div>
                                        <div class="clear"></div>
                                    </div>

                                    <div class="row">
                                        <div class="twelve columns">
                                            <div class="divider"></div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="six columns">
                                            <h3>Two Columns</h3>
                                            Laculis diam eu tortor euismodolo. Vestib ulum antipsum primis inicibu orci luctus edloret ultrices et posuere cubil sed odiocinialor it matis ed.Eu tortor euismodolo.
                                        </div>
                                        <div class="six columns">
                                            <h3>Two Columns</h3>
                                            Laculis diam eu tortor euismodolo. Vestib ulum antipsum primis inicibu orci luctus edloret ultrices et posuere cubil sed odiocinialor it matis ed.Eu tortor euismodolo.
                                        </div>
                                        <div class="clear"></div>
                                    </div>

                                    <div class="row">
                                        <div class="twelve columns">
                                            <div class="divider"></div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="six columns">
                                            <h3>Normal Buttons</h3>
                                            <p>
                                                <a href="#" class="btn color small">Small Button</a>
                                                <a href="#" class="btn color">Normal Button</a>
                                                <a href="#" class="btn color large">Large Button</a>
                                            </p>
                                            <h3>Font Awesome Button</h3>
                                            <p>
                                                <a href="#" class="btn color"><i class="icon-envelope"></i> Normal Button</a>
                                                <a href="#" class="btn color" color><i class="icon-rss"></i> Normal Button</a>
                                            </p>
                                            <p>
                                                <a href="#" class="btn color"><i class="icon-upload-alt"></i> Normal Button</a>
                                                <a href="#" class="btn color"><i class="icon-download-alt"></i> Normal Button</a>
                                            </p>
                                        </div>
                                        <div class="six columns">
                                            <h3>Color Buttons</h3>
                                            <p>
                                                <a href="#" class="btn btn_green">Normal Button</a>
                                                <a href="#" class="btn btn_red">Normal Button</a>
                                                <a href="#" class="btn btn_pink">Normal Button</a>
                                            </p>
                                            <p>
                                                <a href="#" class="btn btn_orange">Normal Button</a>
                                                <a href="#" class="btn btn_yellow">Normal Button</a>
                                                <a href="#" class="btn btn_cyan">Normal Button</a>
                                            </p>
                                            <p>
                                                <a href="#" class="btn btn_purple">Normal Button</a>
                                                <a href="#" class="btn btn_gray">Normal Button</a>
                                                <a href="#" class="btn btn_celadon">Normal Button</a>
                                            </p>
                                        </div>
                                        <div class="clear"></div>
                                    </div>

                                     <div class="row">
                                        <div class="twelve columns">
                                            <div class="divider"></div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="six columns">
                                            <h3>Accordion</h3>
                                            <ul class="st-accordion">
                                                <li>
                                                    <h3 class="acc-title">Accordion Title 1 <i class="icon-chevron-down"></i></h3>
                                                    <div class="acc-content">
                                                        Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit
                                                    </div>
                                                </li>
                                                <li class=""> <!-- Add class "acc-opened" to show this accordion by default -->
                                                    <h3 class="acc-title">Accordion Title 2 <i class="icon-chevron-down"></i></h3>
                                                    <div class="acc-content">
                                                        Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit
                                                    </div>
                                                </li>
                                                <li class=""> <!-- Add class "acc-opened" to show this accordion by default -->
                                                    <h3 class="acc-title">Accordion Title 3 <i class="icon-chevron-down"></i></h3>
                                                    <div class="acc-content">
                                                        Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="six columns">
                                            <h3>Toggle</h3>
                                            <ul class="st-toggle">
                                                <li>
                                                    <h3 class="toggle-title">Toggle Title #1<i class="icon-plus"></i><i class="icon-minus"></i></h3>
                                                    <div class="toggle-content">
                                                        Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit
                                                    </div>
                                                </li>
                                                <li>
                                                    <h3 class="toggle-title">Toggle Title #1<i class="icon-plus"></i><i class="icon-minus"></i></h3>
                                                    <div class="toggle-content">
                                                        Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit
                                                    </div>
                                                </li>
                                                <li>
                                                    <h3 class="toggle-title">Toggle Title #1<i class="icon-plus"></i><i class="icon-minus"></i></h3>
                                                    <div class="toggle-content">
                                                        Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="clear"></div>
                                    </div>


                                     <div class="row">
                                        <div class="twelve columns">
                                            <div class="divider"></div>
                                        </div>
                                    </div>


                                    <div class="row">
                                        <div class="six columns">
                                            <h3>Tabs</h3>
                                            <div class="st-tabs b40">
                                                <ul class="tab-title">
                                                    <li tab-id="tab1" class="current">Wordpress</li>
                                                    <li tab-id="tab2" class="">Drupal</li>
                                                    <li tab-id="tab3" class="">Joomla</li>
                                                </ul>
                                                <div class="tab-content-wrapper">
                                                    <div class="tab-content active" tab-id="tab1">
                                                        <p>Pellentesque est dolor, malesuada et ultrices eu, fringilla sed magna. Mauris neque turpis, faucibus et tempus quis, accumsan at nunc. Nam placerat tristique dolor non lobortis.</p>
                                                        <p>Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit.</p>
                                                    </div>
                                                    <div class="tab-content" tab-id="tab2">
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas neque diam, luctus at laoreet in, auctor ut tellus. Etiam enim lacus, ornare et tempor, rhoncus rhoncus sem.</p>
                                                        <p>In vitae ipsum ac neque aliquam rutrum ac in metus. Sed sed est tincidunt mauris mattis hendrerit. Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Lorem ipsum dolor sit amet.</p>
                                                    </div>
                                                    <div class="tab-content" tab-id="tab3">
                                                        <p>Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit.</p>
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas neque diam, luctus at laoreet in, auctor ut tellus. Etiam enim lacus, ornare et tempor, rhoncus rhoncus sem.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="six columns">
                                            <h3>Alerts</h3>
                                            <div class="alert">
                                                <button class="close" type="button">×</button>
                                                <strong>Warning!</strong> Best check yo self, you're not looking too good.
                                            </div>
                                            <div class="alert alert-error">
                                                <button class="close" type="button">×</button>
                                                <strong>Oh snap!</strong> Change a few things up and try submitting again.
                                            </div>
                                            <div class="alert alert-success">
                                                <button class="close" type="button">×</button>
                                                <strong>Well done!</strong> You successfully read this important alert message.
                                            </div>
                                            <div class="alert alert-info">
                                                <button class="close" type="button">×</button>
                                                <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                    

                                    <div class="row">
                                        <div class="twelve columns">
                                            <div class="divider"></div>
                                        </div>
                                        <div class="clear"></div>
                                    </div>



                                    <div class="row">
                                        <div class="six columns">
                                            <h3>Block Quote</h3>
                                            <div class="st-blockquote">
                                                    <i class="icon-quote-left icon-4x pull-left icon-muted"></i> Pellentesque est dolor, malesuada et ultrices eu, fringilla sed magna. Mauris neque turpis, faucibus et tempus quis, accumsan at nunc. Nam placerat tristique dolor non lobortis.
                                            </div>      
                                        </div>
                                        <div class="six columns">
                                            <h3>Pagging</h3> <!-- Not a Shortcode -->
                                            <ul class="st-pagination">
                                                <li><a class="previous" href="#">Previous</a></li>
                                                <li><a href="#">1</a></li>
                                                <li><a class="page-current" href="#">2</a></li>
                                                <li><a href="#">3</a></li>
                                                <li><a href="#">4</a></li>
                                                <li>...</li>
                                                <li><a href="#">12</a></li>
                                                <li><a href="#">13</a></li>
                                                <li><a href="#">14</a></li>
                                                <li><a class="next" href="#">Next</a></li>
                                            </ul>
                                        </div>
                                        <div class="clear"></div>
                                    </div>


                                    <div class="row">
                                        <div class="twelve columns b0">
                                            <div class="builder-item-wrapper builder-rooms">
                                                
                                                <div class="builder-title-wrapper clearfix">
                                                    <h3 class="builder-item-title">Highlight Rooms</h3>
                                                    <a href="page-rooms.html" class="view-all">View All Rooms →</a>
                                                </div>

                                                <div class="builder-item-content row">
                                                    <div class="twelve columns b0">
                                                        <div class="cpt-items row clearfix isotope">

                                                            <div class="cpt-item four columns isotope-item rooms">
                                                                <div class="thumb-wrapper">
                                                                    <img src="http://placehold.it/642x335" alt="">
                                                                    <div class="thumb-control-wrapper">
                                                                        <ul class="thumb-control clearfix">
                                                                            <li><a title="View Detail" href="single-room.html" class="go-detail">Open Detail</a></li>
                                                                            <li><a rel="prettyPhoto[gallery1]" title="Room 1 Gallery 1" href="http://placehold.it/642x335" class="go-gallery">Open Gallery</a></li>
                                                                            <div style="display:none">
                                                                                <a rel="prettyPhoto[gallery1]" title="Room 1 Gallery 2" href="http://placehold.it/642x335"></a>
                                                                            </div>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                                <div class="cpt-detail">
                                                                    <h2 class="cpt-title"><a href="single-room.html">DOUBLE ROOM STANDARD</a></h2>
                                                                    <div class="cpt-desc">from $99 per night</div>
                                                                </div>
                                                            </div>

                                                            <div class="cpt-item four columns isotope-item suites">
                                                                <div class="thumb-wrapper">
                                                                    <img src="http://placehold.it/642x335" alt="">
                                                                    <div class="thumb-control-wrapper">
                                                                        <ul class="thumb-control clearfix">
                                                                            <li><a title="View Detail" href="single-room.html" class="go-detail">Open Detail</a></li>
                                                                            <li><a rel="prettyPhoto" title="Room 3 Gallery" href="http://placehold.it/642x335" class="go-gallery">Open Gallery</a></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                                <div class="cpt-detail">
                                                                    <h2 class="cpt-title"><a href="single-room.html">Junior Suite</a></h2>
                                                                    <div class="cpt-desc">from $299 per night</div>
                                                                </div>
                                                            </div>

                                                            <div class="cpt-item four columns isotope-item rooms">
                                                                <div class="thumb-wrapper">
                                                                    <img src="http://placehold.it/642x335" alt="">
                                                                    <div class="thumb-control-wrapper">
                                                                        <ul class="thumb-control clearfix">
                                                                            <li><a title="View Detail" href="single-room.html" class="go-detail">Open Detail</a></li>
                                                                            <li><a rel="prettyPhoto" title="Room 3 Gallery" href="http://placehold.it/642x335" class="go-gallery">Open Gallery</a></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                                <div class="cpt-detail">
                                                                    <h2 class="cpt-title"><a href="single-room.html">Business ROOM SUPERIOR</a></h2>
                                                                    <div class="cpt-desc">from $199 per night</div>
                                                                </div>
                                                            </div>
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="clear"></div>
                                    </div> <!-- END .row -->


                                    <div class="row">
                                        <div class="twelve columns b0">
                                            <div class="builder-item-wrapper builder-rooms">
                                                
                                                <div class="builder-title-wrapper clearfix">
                                                    <h3 class="builder-item-title">Recent Projects</h3>
                                                </div>

                                                <div class="builder-item-content row">
                                                    <div class="twelve columns b0">
                                                        <div class="cpt-items row clearfix isotope">

                                                            <div class="cpt-item four columns isotope-item logo">
                                                                <div class="thumb-wrapper">
                                                                    <img src="http://placehold.it/642x335" alt="">
                                                                    <div class="thumb-control-wrapper">
                                                                        <ul class="thumb-control clearfix">
                                                                            <li><a title="View Detail" href="single-portfolio.html" class="go-detail">Open Detail</a></li>
                                                                            <li><a rel="prettyPhoto" title="Portfolio #1" href="http://placehold.it/642x335" class="go-gallery">Open Gallery</a></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                                <div class="cpt-detail">
                                                                    <h2 class="cpt-title"><a href="single-portfolio.html">Nullam dictum felis</a></h2>
                                                                    <div class="cpt-desc">Design / Print</div>
                                                                </div>
                                                            </div>

                                                            <div class="cpt-item four columns isotope-item logo">
                                                                <div class="thumb-wrapper">
                                                                    <img src="http://placehold.it/642x335" alt="">
                                                                    <div class="thumb-control-wrapper">
                                                                        <ul class="thumb-control clearfix">
                                                                            <li><a title="View Detail" href="single-portfolio.html" class="go-detail">Open Detail</a></li>
                                                                            <li><a rel="prettyPhoto" title="Portfolio #2" href="http://placehold.it/642x335" class="go-gallery">Open Gallery</a></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                                <div class="cpt-detail">
                                                                    <h2 class="cpt-title"><a href="single-portfolio.html">Blandit luctus pulvinar</a></h2>
                                                                    <div class="cpt-desc">Design / Print</div>
                                                                </div>
                                                            </div>

                                                            <div class="cpt-item four columns isotope-item print">
                                                                <div class="thumb-wrapper">
                                                                    <img src="http://placehold.it/642x335" alt="">
                                                                    <div class="thumb-control-wrapper">
                                                                        <ul class="thumb-control clearfix">
                                                                            <li><a title="View Detail" href="single-portfolio.html" class="go-detail">Open Detail</a></li>
                                                                            <li><a rel="prettyPhoto" title="Room 3 Gallery" href="http://placehold.it/642x335" class="go-gallery">Open Gallery</a></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                                <div class="cpt-detail">
                                                                    <h2 class="cpt-title"><a href="single-portfolio.html">Sed fringilla mauris</a></h2>
                                                                    <div class="cpt-desc">Design / Website</div>
                                                                </div>
                                                            </div>
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="clear"></div>
                                    </div> <!-- END .row -->


                                </div>
                                
                                <div class="clear"></div>
                            </div> <!-- END .row -->

                        </div> <!-- END .page-wrapper -->
                        <div class="clear"></div>

                    </div> <!-- END .page-outer-wrapper -->
                </div>
            </div> <!-- END .main-wrapper -->

            
            <div class="subscribe_section">
                <form id="subscribe_form" method="post" action="">
                    <label for="email_subscribe">Sign up to receive Special Offers:&nbsp;&nbsp;</label>
                    <input type="text" placeholder="Enter your e-mail address" value="" name="email_subscribe" id="email_subscribe" class="subs_email_input">
                    <input type="submit" class="btn btn_default" value="Subscribe" name="">
                </form>
            </div>
            

        </div> <!-- END .main-outer-wrapper -->

        <footer id="footer" class="footer-outer-wrapper">
            <div class="footer-wrapper container">
                <div class="footer-columns row">
                    <div class="three columns">
                        <div class="widget-container">
                            <h3 class="widgettitle footer-widgettitle">Hotec Hotel LTD</h3>
                            <div class="widget-content">
                                <div class="footer-contact">
                                    <ul>
                                        <li class="f-map">107 Sandy Dr, Martinsburg <br>WV(West Virginia) 25404-5491, US</li>
                                        <li class="f-phone">Call Us: <span>1-500-456-9875</span></li>
                                        <li class="f-mail"><a href="#">Reservation@hotec.com</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                     <div class="three columns">
                        <div class="widget-container widget_nav_menu">
                            <h3 class="widgettitle footer-widgettitle">Site Links</h3>
                            <div class="widget-content">
                                <ul>
                                    <li><a href="#">Our Story</a></li>
                                    <li><a href="#">Sleep Program</a></li>
                                    <li><a href="#">Executive Travel Program</a></li>
                                    <li><a href="#">Enriched Wellness</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                     <div class="three columns">
                        <div class="widget-container widget_nav_menu">
                            <h3 class="widgettitle footer-widgettitle">Our Rooms</h3>
                            <div class="widget-content">
                                <ul>
                                    <li><a href="#">Superior Room</a></li>
                                    <li><a href="#">Deluxe Room</a></li>
                                    <li><a href="#">Business Room</a></li>
                                    <li><a href="#">Executive Corner Room</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                     <div class="three columns">
                        <div class="widget-container widget_nav_menu">
                            <h3 class="widgettitle footer-widgettitle">Our Services</h3>
                            <div class="widget-content">
                                <ul>
                                    <li><a href="#">Room services</a></li>
                                    <li><a href="#">Free internet Wifi</a></li>
                                    <li><a href="#">Television (50 channels)</a></li>
                                    <li><a href="#">Pets allowed</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="footer-copyright-wrapper row">
                    <div class="twelve columns">
                        <div class="footer-copyright">
                            <div class="copy-left left">
                                Copyright @ 2013 Hotec hotel ltd. All Rights Reserved
                            </div>
                            <div class="copy-social right">
                                <ul class="footer-social">
                                    <li class="stay_connected">Stay Connected</li>
                                    <li class="social-twitter"><a href="#" target="_blank">Twitter</a></li>
                                    <li class="social-facebook"><a href="#" target="_blank">Facebook</a></li>
                                    <li class="social-google-plus"><a href="#" target="_blank">Google Plus</a></li>
                                    <li class="social-youtube"><a href="#" target="_blank">Youtube</a></li>
                                    <li class="social-skype"><a href="#" target="_blank">Skype</a></li>
                                </ul>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div> <!-- END .footer-wrapper -->
        </footer> <!-- END .footer-outer-wrapper -->


    </div><!-- END .body-wrapper -->
</div><!-- END .body-outer-wrapper -->
	

    <!-- Javascript -->
    
    <script src="assets/js/ddsmoothmenu.js"></script>
    <script src="assets/js/purl.js"></script>
    <script src="assets/js/jquery.prettyPhoto.js"></script>
    <script src="assets/js/jquery.fitvids.js"></script>
    <script src="assets/js/jquery.imagesloaded.min.js"></script>
    <script src="assets/js/jquery.isotope.min.js"></script>

    <!-- Included LayerSlider -->
    <script src="assets/js/jquery-easing-1.3.js"></script>
    <script src="assets/js/jquery-transit-modified.js"></script>
    <script src="assets/js/layerslider.transitions.js"></script>
    <script src="assets/js/layerslider.kreaturamedia.jquery.js"></script>
    
    <script type='text/javascript'>
    /* <![CDATA[ */
    var FS = {"animation":"slide","pauseOnHover":"true","controlNav":"true","directionNav":"false","animationDuration":"500","slideshowSpeed":"5000","pauseOnAction":"false"};
    /* ]]> */
    </script>

    <script src="assets/js/jquery.flexslider.js"></script>
    <script src="assets/js/jquery-ui.datepicker.js"></script>
    <script src="assets/js/shortcodes.js"></script>
    <script src="assets/js/custom.js"></script>

</body>
</html>